body {
     background:#999 url(http://dezige-in.googlecode.com/svn/trunk/tapestry_pattern_@2X.png) repeat-y left top;        
}
#header,.post h3,.tombol, .post-footer, #footer-wrap{display:none}
.kredit {
    width: auto;
    height: 500px;
    margin: 3.75% auto auto 143px;
    overflow: hidden;
    position: relative;
    background-color: #999; 
}
.kredit p {
    position: absolute;
    font-family: Tahoma, Arial, sans-serif;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size:50px;
    color: rgba(0, 0, 0, 0.3);
}
.kredit p sub {
    font-size:20px;
    color:#777;
    margin-left:5px;
}
.kredit p:hover {
    cursor:pointer;
    color: rgba(0, 0, 0, 0.2);
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.kredit p:nth-child(1) {
    animation: kredit1 20s ease infinite;
    -moz-animation: kredit1 20s ease infinite;
    -webkit-animation: kredit1 20s ease infinite;
    top:45%;
}
.kredit p:nth-child(2) {
    animation: kredit2 20s ease infinite;
    -moz-animation: kredit2 20s ease infinite;
    -webkit-animation: kredit2 20s ease infinite;
    top:55%;
}
.kredit p:nth-child(3) {
    animation: kredit3 20s ease infinite;
    -moz-animation: kredit3 20s ease infinite;
    -webkit-animation: kredit3 20s ease infinite;
    top:65%;
}
.kredit p:nth-child(4) {
    animation: kredit4 20s ease infinite;
    -moz-animation: kredit4 20s ease infinite;
    -webkit-animation: kredit4 20s ease infinite;
    top:75%;
}
.kredit p:nth-child(5) {
    animation: kredit5 20s ease infinite;
    -moz-animation: kredit5 20s ease infinite;
    -webkit-animation: kredit5 20s ease infinite;
    top:85%;
}
@keyframes kredit1 {
    0%  {
        transform:translateY(100%);
    }
    10% {
        transform:translateY(0);
    }
    20% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(0);
    }
    100%{
        transform:translateY(-100%);
    }
}
@keyframes kredit2 {
    0%  {
        transform:translateY(100%);
    }
    30% {
        transform:translateY(0);
    }
    60% {
        transform:translateY(0);        
    }
    90% {
        transform:translateY(100%);        
    }
    100%{
        transform:translateY(-100%);
    }
}

@keyframes kredit3 {
    0%  {
        transform:translateY(100%);
    }
    40% {
        transform:translateY(0);
    }
    60% {
        transform:translateY(100%);        
    }
    70% {
        transform:translateY(0);        
    }
    100%{
        transform:translateY(-100%);
    }
}
@keyframes kredit4 {
    0%  {
        transform:translateY(100%);
    }
    30% {
        transform:translateY(100%);
    }
    40% {
        transform:translateY(0);        
    }
    90% {
        transform:translateY(0);        
    }
    100%{
        transform:translateY(-100%);
    }
}
@keyframes kredit5 {
    0%  {
        transform:translateY(100%);
    }
    10% {
        transform:translateY(100%);
    }
    40% {
        transform:translateY(100%);        
    }
    70% {
        transform:translateY(0);        
    }
    100%{
        transform:translateY(-100%);
    }
}
@-moz-keyframes kredit1 {
    0%  {
        -moz-transform:translateY(100%);
    }
    10% {
        -moz-transform:translateY(0);
    }
    20% {
        -moz-transform:translateY(0);
    }
    50% {
        -moz-transform:translateY(0);
    }
    100%{
        -moz-transform:translateY(-100%);
    }
}
@-moz-keyframes kredit2 {
    0%  {
        -moz-transform:translateY(100%);
    }
    30% {
        -moz-transform:translateY(0);
    }
    60% {
        -moz-transform:translateY(0);        
    }
    90% {
        -moz-transform:translateY(100%);        
    }
    100%{
        -moz-transform:translateY(-100%);
    }
}

@-moz-keyframes kredit3 {
    0%  {
        -moz-transform:translateY(100%);
    }
    40% {
        -moz-transform:translateY(0);
    }
    60% {
        -moz-transform:translateY(100%);        
    }
    70% {
        -moz-transform:translateY(0);        
    }
    100%{
        -moz-transform:translateY(-100%);
    }
}
@-moz-keyframes kredit4 {
    0%  {
        -moz-transform:translateY(100%);
    }
    30% {
        -moz-transform:translateY(100%);
    }
    40% {
        -moz-transform:translateY(0);        
    }
    90% {
        -moz-transform:translateY(0);        
    }
    100%{
        -moz-transform:translateY(-100%);
    }
}
@-moz-keyframes kredit5 {
    0%  {
        -moz-transform:translateY(100%);
    }
    10% {
        -moz-transform:translateY(100%);
    }
    40% {
        -moz-transform:translateY(100%);        
    }
    70% {
        -moz-transform:translateY(0);        
    }
    100%{
        -moz-transform:translateY(-100%);
    }
}
@-webkit-keyframes kredit1 {
    0%  {
        -webkit-transform:translateY(100%);
    }
    10% {
        -webkit-transform:translateY(0);
    }
    20% {
        -webkit-transform:translateY(0);
    }
    50% {
        -webkit-transform:translateY(0);
    }
    100%{
        -webkit-transform:translateY(-100%);
    }
}
@-webkit-keyframes kredit2 {
    0%  {
        -webkit-transform:translateY(100%);
    }
    30% {
        -webkit-transform:translateY(0);
    }
    60% {
        -webkit-transform:translateY(0);        
    }
    90% {
        -webkit-transform:translateY(100%);        
    }
    100%{
        -webkit-transform:translateY(-100%);
    }
}

@-webkit-keyframes kredit3 {
    0%  {
        -webkit-transform:translateY(100%);
    }
    40% {
        -webkit-transform:translateY(0);
    }
    60% {
        -webkit-transform:translateY(100%);        
    }
    70% {
        -webkit-transform:translateY(0);        
    }
    100%{
        -webkit-transform:translateY(-100%);
    }
}
@-webkit-keyframes kredit4 {
    0%  {
        -webkit-transform:translateY(100%);
    }
    30% {
        -webkit-transform:translateY(100%);
    }
    40% {
        -webkit-transform:translateY(0);        
    }
    90% {
        -webkit-transform:translateY(0);        
    }
    100%{
        -webkit-transform:translateY(-100%);
    }
}
@-webkit-keyframes kredit5 {
    0%  {
        -webkit-transform:translateY(100%);
    }
    10% {
        -webkit-transform:translateY(100%);
    }
    40% {
        -webkit-transform:translateY(100%);        
    }
    70% {
        -webkit-transform:translateY(0);        
    }
    100%{
        -webkit-transform:translateY(-100%);
    }
}
@media screen and (max-width:500px) {
body {
     background:#999 url(http://dezige-in.googlecode.com/svn/trunk/tapestry_pattern_@2X.png) repeat-y left top;
background-size:72px 61px;      
}
.kredit {  
    margin: 3.75% auto auto 71.5px;  
}
.kredit p {   
    font-size:20px;   
}
.kredit p sub {
    font-size:12px;
    margin-left:2px;
   }
}